<template>
  <footer class="footer">
      <div class="footer_a">
          <div class="footer-box">
              <div class="footer-branch">
                  <div class="df">
                      <div class="footer-branch-imgBox">
                          <img src="https://admin.hqx.com.cn/Public/App/image/WeChatminiProgram.jpg" alt="">
                          <div>小程序</div>
                      </div>
                      <div class="footer-branch-imgBox" style="margin-left: 58px;">
                          <img src="https://admin.hqx.com.cn/Public/App/image/Official Accounts QR code.jpg" alt="">
                          <div>公众号</div>
                      </div>
                  </div>
                  
                  <div class="footer-phone">
                      <div class="footer-phone-name">
                          24小时热线：
                      </div>
                      <div class="footer-phone-num">
                          0755-8886 6663
                      </div>
                  </div>
                  <div class="footer-rests">
                      <div><span class="rests-title">客服热线：</span>180-2699-1257</div>
                      <div><span class="rests-title">备案序号：</span>粤ICP备15014963号2</div>
                      <div><span class="rests-title">地址：</span>深圳市罗湖区笋岗街道梨园路HALO广场一期6F15</div>
                  </div>
                  <!-- <div style="display: flex; align-items: center;margin-top: -6px;">
                 <img src="https://admin.hqx.com.cn/Public/App/image/logo5.png" alt="" style="width: 60px;">
                  版权所有:深圳环球行国际旅行社有限公司保留一切权利
              </div> -->
              </div>

              <div class="footer-dl">
                  <dl>
                      <dt>帮助中心</dt>
                      <dd>
                          <a href="/about/weixin" title="预订须知" target="_blank">预订须知</a>
                          <a href="/about/weixin" title="环球行" target="_blank">合同问题</a>
                          <a href="/about/weixin" title="环球行" target="_blank">下单指南</a>
                          <a href="/about/weixin" title="环球行" target="_blank">发票问题</a>
                          <a href="/about/weixin" title="环球行" target="_blank">安全中心</a>
                      </dd>
                  </dl>
                  <dl>
                      <dt>关于我们</dt>
                      <dd>
                          <a href="/about" title="环球行" target="_blank">公司简介</a>
                          <a href="/about" title="环球行" target="_blank">联系我们</a>
                          <a href="/about" title="环球行" target="_blank">服务案例</a>
                          <a href="/about" title="环球行" target="_blank">服务理念</a>
                      </dd>
                  </dl>
              </div>

              <div class="footer-honor">
                  <div>ISO9001国际质量认证</div>
                  <div>深圳市旅游协会会员单位</div>
                  <div>成立13周年，丰富旅行定制经验</div>
                  <div>国家旅游局批准出境资质许可企业</div>
              </div>
              <!-- <div style="display: flex; align-items: center;">
                 <img src="https://admin.hqx.com.cn/Public/App/image/logo5.png" alt="" style="width: 60px;">
                  版权所有:深圳环球行国际旅行社有限公司保留一切权利
              </div> -->

          </div>
      </div>
      <div class="foot_c">
          <!-- <div class="links_b"><a href="https://www.szcits.cn" target="_blank">深圳环球行</a> | <a
                  href="https://www.hqx.com.cn" target="_blank">环球行旅行社</a>
          </div> -->
           客服热线：18026991257 <a rel="external nofollow" href="https://beian.miit.gov.cn/"
              target="_blank">粤ICP备2024246893号-2</a> 地址：深圳市罗湖区笋岗街道梨园路HALO广场一期6F15 <br> 版权所有：环球行国际旅行社有限公司保留一切权利。

      </div>
      <div class="foot_d"><img alt="环球行旅行社" src="https://admin.hqx.com.cn/Public/Wwwszcitscn/images/1_87.png"
              width="544" height="30"></div>
  </footer>
</template>


<script setup>

</script>

<style scoped>
.footer {
  width: 100%;
  min-width: 1200px;
  padding-top: 30px;
  background: #f9f9f9;
  margin-top: 50px;
}

.footer_a {
  width: 100%;
  min-width: 1200px;
  padding-top: 40px;
  /* padding-bottom: 20px; */
  /* background-color: #083EED; */
  background-color: #e7e7e7;
}

.footer-box {
  position: relative;
  width: 1200px;
  height: 400px;
  display: flex;
  margin: auto;
  color: #030303;
  /* background-color: yellowgreen; */
}

.footer-branch {
  width: 500px;

  padding-left: 30px;
  /* background-color: #030303; */
  .footer-branch-imgBox>img {
      width: 106px;
      height: 106px;
      border-radius: 4px 4px 4px 4px;
  }

  .footer-branch-imgBox>div {
      width: 61px;
      height: 26px;
      text-align: center;
      line-height: 26px;
      font-size: 14px;
      color: #fff;
      margin: 10px auto;
      background: #1f87f1;
      border-radius: 13px 13px 13px 13px;

  }

  .footer-phone {
      margin-top: 20px;

      .footer-phone-name {
          font-size: 20px;
          font-weight: 400;
          line-height: 23px;
          color: #030303;
      }

      .footer-phone-num {
          font-weight: bold;
          font-size: 20px;
          color: #030303;
          line-height: 33px;
          margin-top: 8px;
      }

  }

  .footer-rests {
      font-size: 16px;
      color: #030303;
      line-height: 30px;
      margin-top: 26px;
      font-weight: 300;


      .rests-title {
          font-weight: 500;
      }

      .rests-name {}
  }

}

.footer-dl {
  display: flex;

  dl {
      color: #030303;
      margin-right: 110px;
  }

  dt {
      width: 80px;
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 30px;
  }

  dd {
      display: block;
  }

  dd>a {
      display: block;
      font-weight: 300;
      font-size: 16px;
      line-height: 19px;
      color: #030303;
      margin-bottom: 12px;
  }
}

.footer-honor {
  font-weight: 400;
  font-size: 14px;
  color: #030303;
  line-height: 28px;
}



.foot_c {
  padding: 10px 0;
  text-align: center;
}

.foot_d {
  text-align: center;
  padding-bottom: 70px;
}



.links_b {
  text-align: center;
  color: #666;
  padding: 5px 0;
  font-size: 12px;
}

.links_b a {
  padding: 0 10px;
}






/* 回到顶部 */

/* #rocket-to-top div {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 149px;
}

#rocket-to-top .level-2 {
  z-index: 1;
  display: none;
  height: 250px;
  background: url(/Public/Static/images/backtop/1.png) no-repeat scroll -149px 0 transparent;
  opacity: 0;
}

#rocket-to-top .level-3 {
  z-index: 2;
  display: block;
  height: 150px;
  background: none repeat scroll 0 0 transparent;
  cursor: pointer;
}

#rocket-to-top {
  position: fixed;
  top: 80%;
  right: 0;
  z-index: 11;
  display: block;
  overflow: hidden;
  margin: -125px 0 0;
  padding: 0;
  width: 149px;
  height: 250px;
  background: url(/Public/Static/images/backtop/1.png) no-repeat scroll 0 0 transparent;
  cursor: default;
} */
</style>
